<template>
	
	<!-- 技术支持 -->
	<div >
		<div class="R_quanyemian">
		    
		        <div class="R_tongzhitupian"></div>
		        <div class="waiceng">
		            <div class="yuangong">
		                <div class="touxiang"></div>
		                <div class="mingzi">
		                    <span>工号：001</span>
		                    <div class="pinlunshijian">
		                        <span>电话号码：13551378026</span>
		                    </div>
		                </div>
		                <div class="pingji">
		                    <div class="star-eval">
		                        <span class="stars-bg">
		                            <!-- 宽度由实际数据自行计算 如4.2/5*100% -->
		                            <i class="star-active" style="width: 80%"></i>
		                        </span>
		                    </div>
		                </div>
		            </div>
		            <div class="yuangong">
		                <div class="touxiang"></div>
		                <div class="mingzi">
		                    <span>工号：001</span>
		                    <div class="pinlunshijian">
		                        <span>电话号码：13551378026</span>
		                    </div>
		                </div>
		                <div class="pingji">
		                    <div class="star-eval">
		                        <span class="stars-bg">
		                            <!-- 宽度由实际数据自行计算 如4.2/5*100% -->
		                            <i class="star-active" style="width: 80%"></i>
		                        </span>
		                    </div>
		                </div>
		            </div>
		            <div class="yuangong">
		                <div class="touxiang"></div>
		                <div class="mingzi">
		                    <span>工号：001</span>
		                    <div class="pinlunshijian">
		                        <span>电话号码：13551378026</span>
		                    </div>
		                </div>
		                <div class="pingji">
		                    <div class="star-eval">
		                        <span class="stars-bg">
		                            <!-- 宽度由实际数据自行计算 如4.2/5*100% -->
		                            <i class="star-active" style="width: 80%"></i>
		                        </span>
		                    </div>
		                </div>
		            </div>
		            <div class="yuangong">
		                <div class="touxiang"></div>
		                <div class="mingzi">
		                    <span>工号：001</span>
		                    <div class="pinlunshijian">
		                        <span>电话号码：13551378026</span>
		                    </div>
		                </div>
		                <div class="pingji">
		                    <div class="star-eval">
		                        <span class="stars-bg">
		                            <!-- 宽度由实际数据自行计算 如4.2/5*100% -->
		                            <i class="star-active" style="width: 80%"></i>
		                        </span>
		                    </div>
		                </div>
		            </div>
		            <div class="yuangong">
		                <div class="touxiang"></div>
		                <div class="mingzi">
		                    <span>工号：001</span>
		                    <div class="pinlunshijian">
		                        <span>电话号码：13551378026</span>
		                    </div>
		                </div>
		                <div class="pingji">
		                    <div class="star-eval">
		                        <span class="stars-bg">
		                            <!-- 宽度由实际数据自行计算 如4.2/5*100% -->
		                            <i class="star-active" style="width: 80%"></i>
		                        </span>
		                    </div>
		                </div>
		            </div>
		            <div class="yuangong">
		                <div class="touxiang"></div>
		                <div class="mingzi">
		                    <span>工号：001</span>
		                    <div class="pinlunshijian">
		                        <span>电话号码：13551378026</span>
		                    </div>
		                </div>
		                <div class="pingji">
		                    <div class="star-eval">
		                        <span class="stars-bg">
		                            <!-- 宽度由实际数据自行计算 如4.2/5*100% -->
		                            <i class="star-active" style="width: 80%"></i>
		                        </span>
		                    </div>
		                </div>
		            </div>
		            <div class="yuangong">
		                <div class="touxiang"></div>
		                <div class="mingzi">
		                    <span>工号：001</span>
		                    <div class="pinlunshijian">
		                        <span>电话号码：13551378026</span>
		                    </div>
		                </div>
		                <div class="pingji">
		                    <div class="star-eval">
		                        <span class="stars-bg">
		                            <!-- 宽度由实际数据自行计算 如4.2/5*100% -->
		                            <i class="star-active" style="width: 80%"></i>
		                        </span>
		                    </div>
		                </div>
		            </div>
		            <div class="yuangong">
		                <div class="touxiang"></div>
		                <div class="mingzi">
		                    <span>工号：001</span>
		                    <div class="pinlunshijian">
		                        <span>电话号码：13551378026</span>
		                    </div>
		                </div>
		                <div class="pingji">
		                    <div class="star-eval">
		                        <span class="stars-bg">
		                            <!-- 宽度由实际数据自行计算 如4.2/5*100% -->
		                            <i class="star-active" style="width: 80%"></i>
		                        </span>
		                    </div>
		                </div>
		            </div>
		            <div class="chakangengduo">
		                <button class="gengduo">查看更多></button>
		            </div>
		        </div>
		    </div>
	</div>
	
</template>

<script>
</script>

<style scoped>
	  .R_quanyemian {
	            width:100%;
	            height: 1400px;
	            background-color: #fff;
	            position: absolute;
	        }
	
	     
	
	        .R_tongzhitupian {
	            width: 100%;
	            height: 300px;
				background: url(../../public/img/9-0-2.png) no-repeat;
				background-size: 100% 100%; 
	            display: flex;
	        }
	
	        .waiceng {
	            margin: 100px 0 0 220px;
	        }
	
	        .yuangong {
	            width: 300px;
	            height: 300px;
	            float: left;
	            margin: 0 0 50px 50px;
	            -moz-box-shadow: 2px 2px 10px #909090;
	            -webkit-box-shadow: 2px 2px 10px #909090;
	            box-shadow: 2px 2px 10px #909090;
	        }
	
	        .touxiang {
	            width: 100px;
	            height: 100px;
	            margin: 20px 0 0 35%;
	            background-color: red;
	            border-radius: 50%;
	            /* float: left; */
	        }
	
	        .mingzi {
	            float: left;
	            text-align: center;
	            margin: 20px 0 0 14%;
	        }
	
	        .mingzi>span {
	            font-size: 20px;
	        }
	
	        .pinlunshijian {
	            margin-top: 20px;
	        }
	
	        .pinlunshijian>span {
	            font-size: 20px;
	        }
	
	        .pingji {
	            text-align: center;
	            margin-top: 120px;
	        }
	
	        .stars-bg {
	            position: relative;
	            display: inline-block;
	            height: 19px;
	            width: 157px;
	         
	        }
	
	        .star-active {
	            position: absolute;
	            left: 0;
	            top: 0;
	            display: block;
	            height: 100%;
	            
	        }
	
	        .chakangengduo {
	            text-align: center;
	            margin: 0 230px 0 0;
	        }
	
	        .gengduo {
	            width: 500px;
	            height: 60px;
	            font-size: 30px;
	            color: #3066E3;
	            background-color: #E5EBFF;
	            border: 1px solid #E5EBFF;
	            border-radius: 10px;
	            margin-top: 50px;
	        }
	
</style>
